<template>
  <container-template 
    :nav-info="navInfo" 
    :nav-style="navStyle"
  >
    hello. it's recommend
  </container-template>
</template>

<script>
import ContainerTemplate from './ContainerTemplate.vue'

export default {
  components: {
    ContainerTemplate
  },
  data() {
    return {
      navStyle: 'background-image: linear-gradient(to right, rgb(18, 210, 198) 2%, rgb(14, 190, 212) 97%, rgb(18, 210, 198)',
      navInfo: {
        title: '猜你喜欢',
        items: [
          {
            kind: 'recommend',
            keyword: '推荐',
            text: '为你甄选最合适的'
          }
        ]
      }
    }
  }
}
</script>

<style lang="stylus" scoped>

</style>
